234. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-07-21 10:22:18 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

234.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo16_en.css2021-04-28 03:14:22 +0000
2/Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo16_en.css2021-06-27 10:07:32 +0000

234.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged2338
Changed12
Inserted00
Removed00

234.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

234.4 Active regular expressions

No regular expressions were active.

234.5 Comparison detail

1 /** 1 /**
2  * WARNING: Do not change this file. Your changes will be lost. 2  * WARNING: Do not change this file. Your changes will be lost.
3  * 2021-04-28 03:14:21 */ 3  * 2021-06-27 10:07:31 */
4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed { 4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed {
5 } 5 }
6 @media (min-width: 768px) { 6 @media (min-width: 768px) {
7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom { 7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
8         width: 57.17%; 8         width: 57.17%;
9     } 9     }
10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper { 10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
11         width: 40.83%; 11         width: 40.83%;
12     } 12     }
13  13 
14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main { 14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
15         width: 42.8775%; 15         width: 42.8775%;
16     } 16     }
17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media { 17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
18         width: 30.6225%; 18         width: 30.6225%;
19     } 19     }
20 } 20 }
21  21 
22 @media (max-width: 575px){ 22 @media (max-width: 575px){
23 body { 23 body {
24     font-size: 13px; 24     font-size: 13px;
25     line-height: 21px; 25     line-height: 21px;
26 } 26 }
27 } 27 }
28 h1, h2, h3, h4, h5, h6 { 28 h1, h2, h3, h4, h5, h6 {
29     font-family: Poppins,sans-serif; 29     font-family: Poppins,sans-serif;
30     color: #222529; 30     color: #222529;
31     letter-spacing: normal; 31     letter-spacing: normal;
32 } 32 }
33 h1 {  33 h1 { 
34     font-weight: 700; 34     font-weight: 700;
35     font-size: 36px; 35     font-size: 36px;
36     line-height: 44px; 36     line-height: 44px;
37     margin: 0 0 32px 0; 37     margin: 0 0 32px 0;
38 } 38 }
39 h2 {  39 h2 { 
40     font-weight: 700; 40     font-weight: 700;
41     font-size: 30px; 41     font-size: 30px;
42     line-height: 40px; 42     line-height: 40px;
43     margin: 0 0 32px 0; 43     margin: 0 0 32px 0;
44 } 44 }
45 h3 {  45 h3 { 
46     font-weight: 700; 46     font-weight: 700;
47     font-size: 25px; 47     font-size: 25px;
48     line-height: 32px; 48     line-height: 32px;
49     margin: 0 0 20px 0; 49     margin: 0 0 20px 0;
50 } 50 }
51 h4 {  51 h4 { 
52     font-weight: 700; 52     font-weight: 700;
53     font-size: 20px; 53     font-size: 20px;
54     line-height: 27px; 54     line-height: 27px;
55     margin: 0 0 14px 0; 55     margin: 0 0 14px 0;
56 } 56 }
57 h5 {  57 h5 { 
58     font-weight: 700; 58     font-weight: 700;
59     font-size: 14px; 59     font-size: 14px;
60     line-height: 18px; 60     line-height: 18px;
61     margin: 0 0 14px 0; 61     margin: 0 0 14px 0;
62 } 62 }
63 h6 {  63 h6 { 
64     font-weight: 600; 64     font-weight: 600;
65     font-size: 14px; 65     font-size: 14px;
66     line-height: 18px; 66     line-height: 18px;
67     color: #777; 67     color: #777;
68 } 68 }
69 .home-banner-slider h2.vc_custom_heading, .custom-font4 { 69 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
70     font-family: 'Segoe Script','Savoye LET'; 70     font-family: 'Segoe Script','Savoye LET';
71 } 71 }
72 html .heading-secondary, html .lnk-secondary, html .text-color-secondary { 72 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
73     color: #ff7272; 73     color: #ff7272;
74 } 74 }
75 html .btn-modern { 75 html .btn-modern {
76     text-transform: uppercase; 76     text-transform: uppercase;
77     font-size: .75rem; 77     font-size: .75rem;
78     padding: .75rem 1.5rem; 78     padding: .75rem 1.5rem;
79     font-weight: 600; 79     font-weight: 600;
80     height: auto; 80     height: auto;
81 } 81 }
82 html .action.primary, html .btn { 82 html .action.primary, html .btn {
83     font-family: Poppins;  83     font-family: Poppins; 
84     font-weight: 700; 84     font-weight: 700;
85     line-height: 1.42857; 85     line-height: 1.42857;
86     padding: .8em 2em;  86     padding: .8em 2em; 
87  87 
88 html .action.primary { 88 html .action.primary {
89     color: #fff; 89     color: #fff;
90     background-color: #08c; 90     background-color: #08c;
91     border-color: #08c #08c #069; 91     border-color: #08c #08c #069;
92 } 92 }
93 html .btn-xl { 93 html .btn-xl {
94     font-size: 1rem; 94     font-size: 1rem;
95     padding: .8rem 2rem; 95     padding: .8rem 2rem;
96 } 96 }
97 .btn-modern.btn-xl { 97 .btn-modern.btn-xl {
98     font-size: 1rem; 98     font-size: 1rem;
99     padding: 1.25em 3.125em; 99     padding: 1.25em 3.125em;
100 } 100 }
101 .btn-modern.btn-lg { 101 .btn-modern.btn-lg {
102     font-size: .875rem; 102     font-size: .875rem;
103     padding: 1rem 2.25rem; 103     padding: 1rem 2.25rem;
104 } 104 }
105 .btn-flat { 105 .btn-flat {
106     padding: 0!important; 106     padding: 0!important;
107     background: none!important; 107     background: none!important;
108     border: none!important; 108     border: none!important;
109     border-bottom: 1px solid transparent!important; 109     border-bottom: 1px solid transparent!important;
110     box-shadow: none!important; 110     box-shadow: none!important;
111     text-transform: uppercase; 111     text-transform: uppercase;
112     font-size: .75rem; 112     font-size: .75rem;
113  113 
114 html .btn-dark { 114 html .btn-dark {
115     color: #fff; 115     color: #fff;
116     background-color: #222529; 116     background-color: #222529;
117     border-color: #222529 #222529 #0b0c0e; 117     border-color: #222529 #222529 #0b0c0e;
118  118 
119 html .btn-light { 119 html .btn-light {
120     color: #222529; 120     color: #222529;
121     background-color: #fff; 121     background-color: #fff;
122     border-color: #fff #fff #e6e6e6; 122     border-color: #fff #fff #e6e6e6;
123 } 123 }
124 html .btn-quaternary { 124 html .btn-quaternary {
125     color: #fff; 125     color: #fff;
126     background-color: #000; 126     background-color: #000;
127     border-color: #000 #000 #000; 127     border-color: #000 #000 #000;
128 } 128 }
129 html .background-color-secondary { 129 html .background-color-secondary {
130     background-color: #f4a085 !important; 130     background-color: #f4a085 !important;
131 } 131 }
132 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i { 132 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
133     display: none; 133     display: none;
134 } 134 }
135 .top-icon .porto-sicon-header { 135 .top-icon .porto-sicon-header {
136     margin-bottom: .75rem; 136     margin-bottom: .75rem;
137 } 137 }
138 .widget, .sidebar-content .widget {margin-top: 1.5rem;margin-bottom: 1.5rem;} 138 .widget, .sidebar-content .widget {margin-top: 1.5rem;margin-bottom: 1.5rem;}
139 .widget .widgettitle { 139 .widget .widgettitle {
140     font-size: 1rem; 140     font-size: 1rem;
141     letter-spacing: -.02em; 141     letter-spacing: -.02em;
142  142 
143 body:not(.cms-index-index) .product-item-photo { 143 body:not(.cms-index-index) .product-item-photo {
144     border: 1px solid #f4f4f4; 144     border: 1px solid #f4f4f4;
145 } 145 }
146 .footer .widgettitle, .footer .widget-title { 146 .footer .widgettitle, .footer .widget-title {
147     font-size: 15px; 147     font-size: 15px;
148     text-transform: uppercase; 148     text-transform: uppercase;
149     font-weight: 700; 149     font-weight: 700;
150 } 150 }
151 html .background-color-secondary { 151 html .background-color-secondary {
152     background-color: #ff7272!important; 152     background-color: #ff7272!important;
153 } 153 }
154 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i { 154 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
155     display: none; 155     display: none;
156 } 156 }
157 .footer, .footer p { 157 .footer, .footer p {
158     letter-spacing: 0; 158     letter-spacing: 0;
159 } 159 }
160 .footer-middle > .container::after {  160 .footer-middle > .container::after { 
161     border-color: #cecdca; 161     border-color: #cecdca;
162 } 162 }
163 .footer .follow-us .share-links a:not(:hover) { 163 .footer .follow-us .share-links a:not(:hover) {
164     background: none; 164     background: none;
165     color: #222529; 165     color: #222529;
166     border-color: #cecdca; 166     border-color: #cecdca;
167 } 167 }
168 .footer .contact-info .contact-details strong { 168 .footer .contact-info .contact-details strong {
169     color:#222529; 169     color:#222529;
170 } 170 }